<template>
    <div>
        <div id="livePlayer" class="videoPlay"></div>
        <div id="drawPanel" style="width: 0; height: 0; display: none;"></div>
    </div>
</template>
<script>
import * as common from '@/utils/livePlay';
export default {
    data() {
        return {
            detail: {},
            roomId: ''
        }
    },
    mounted() {
        this.roomId = this.$route.query.roomId || ''
        this.createdLive()
    },
    methods: {
        createdLive() {
            common.initSdk({
                roomid: this.roomId
            });
        },
    }
}
</script>
<style lang="scss">
.videoPlay {
    width: 100%;
    height: 400px;
}
</style>
